#wrapper{
    width: 100%;
    min-width: 1000px;
    position: relative;
    font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
}
.content{
    margin: 0 auto;
    position: relative;
    width: 1200px;
}
.leftBar{
    border-left: 2px solid #39c;
}
.brackets{
    display: inline-block;
    border-radius: 4px;
    border-left: 2px solid #aa2222;
    border-right: 2px solid #aa2222;
    padding: 0px 10px;
}
#tools{
    margin-top: 40px;
    padding: 0px 10px;
    margin-bottom: 20px;
    text-align: right;
}
#tools button{
    outline: none;
    border: none;
    background-color: #2b2b2b;
    color: #fff;
    padding: 4px 10px;
    cursor: pointer;
}
#tools .title{
    float: left;
}
#editor{
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #cfcfcf;
    min-height: 600px;
    -moz-box-shadow:-1px -1px 20px #cfcfcf inset;            
    -webkit-box-shadow:-1px -1px 20px #cfcfcf inset;         
    box-shadow:-1px -1px 20px #cfcfcf inset;
    position: relative;
}

/*编辑项*/
#editor .item{
    border: 2px dashed #666;
    padding: 10px;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #666;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    margin: 10px 0px;
}
#editor .item.active{
    border-color: #39c;
    background-color: #aaeeff;
    color: #2b2b2b;
}
#editor .item.empty:hover:after{
    color: #2b2b2b;
}
#editor .item.empty:after{
    content: '+';
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
}

.workSpace{
    width: 1200px;
    margin: 0 auto;
}
#editor{
    width: 800px;
}
#modEdit{
    width: 360px;
    margin-left: 20px;
    border: 1px solid #cfcfcf;
    border-left: 3px solid #cfcfcf;
    padding: 10px 0px;
    min-height: 500px;
}
#modEdit .title{
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
#modEdit .btn-group{
    padding: 10px 0px;
}
#modEdit .tar{
    text-align: right;
}
#modEdit .group-extra{
    padding: 10px 0px;
}
.maskMenu .menuItem {
    /* padding: 0px 10px; */
    border-bottom: 1px solid #cfcfcf;
    line-height: 25px;
    min-width: 80px;
    text-align: center;
}

.maskMenu a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #666;
}

.maskMenu {
    background-color: #fff;
    border: 1px solid #cfcfcf;
    position: absolute;
}

/*编辑区*/
a{
    text-decoration: none;
    color: #666;
    font-style: italic;
}
a:hover{
    font-weight: bold;
    color: #2b2b2b;
}
.item.current,.nobdItem.current{
    border:2px solid #39c!important;
}
.left{
    float: left;
}
.right{
    float: right;
}
.fixClear:after{
    overflow: hidden;
    display: block;
    content: " ";
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}
.list-ul{
    border: 1px solid #cfcfcf;
    color: #666;
    margin: 10px;
    padding: 10px;
}
.list-ul .list-li{
    border-bottom: 1px solid #f1f1f1;
    padding: 3px 5px;
}
.list-ul.inline-list .list-li{
    float: left;
}
.list-ul.inline-list:after {
    content: ' ';
    display: block;
    clear: both;
}
#editor h1:before,#editor h2:before,#editor h3:before,#editor h4:before,#editor h1:after,#editor h2:after,#editor h3:after,#editor h4:after{
    font-size: 10px;
    vertical-align: bottom;
    color: #999;
    font-family: 'Consolas';
}
#editor h1,#editor h2,#editor h3,#editor h4{
    color: #000;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
}
#editor h1:before{
    content: '<h1>';
}
#editor h1:after{
    content: '</h1>';
}
#editor h2:before{
    content: '<h2>';
}
#editor h2:after{
    content: '</h2>';
}
#editor h3:before{
    content: '<h3>';
}
#editor h3:after{
    content: '</h3>';
}
#editor h4:before{
    content: '<h4>';
}
#editor h4:after{
    content: '</h4>';
}
#editor h1{
    font-size: 20px;
}
#editor h2{
    font-size: 18px;
}
#editor h3{
    font-size: 16px;
}
#editor h4{
    font-size: 14px;
}
/*#editor .block1{
    width: 62.6px;
}
#editor .block2{
    width: 125.3px;
}
#editor .block3{
    width: 188px;
}
#editor .block4{
    width: 250.6px;
}
#editor .block5{
    width: 313.3px;
}
#editor .block6{
    width: 376px;
}
#editor .block7{
    width: 438.6px;
}
#editor .block8{
    width: 501.3px;
}
#editor .block9{
    width: 564px;
}
#editor .block10{
    width: 626.6px;
}
#editor .block11{
    width: 689.3px;
}
#editor .block12{
    width: 752px;
}*/
#editor .block1,#editor .block2,#editor .block3,#editor .block4,#editor .block5,#editor .block6,#editor .block7,#editor .block8,#editor .block9,#editor .block10,#editor .block11,#editor .block12{
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
#editor .block1{
    width: 8.33%;
}
#editor .block2{
    width: 16.66%;
}
#editor .block3{
    width: 25%;
}
#editor .block4{
    width: 33.3%;
}
#editor .block5{
    width: 41.6%;
}
#editor .block6{
    width: 50%;
}
#editor .block7{
    width: 58.33%;
}
#editor .block8{
    width: 66.66%;
}
#editor .block9{
    width: 75%;
}
#editor .block10{
    width: 83.33%;
}
#editor .block11{
    width: 91.66%;
}
#editor .block12{
    width: 100%;
}